<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<link href="../../css/global.css" rel="stylesheet" type="text/css">
		<link href="../../js/layer/theme/default/layer.css" rel="stylesheet" type="text/css">
		<style>
			.change_drug table {
				width: 98%;
				height: auto;
				border: 1px solid #cccccc;
				border-collapse: collapse;
				font-size: 13px;
			}
			
			.change_drug tr {
				border-bottom: 1px solid #CCCCCC;
				text-align: center;
				height: auto;
				text-align: center;
				line-height: 34px;
				width: 17%;
			}
			
			.change_drug td {
				border-right: 1px solid #CCCCCC;
			}
			
			.search-input p {
				line-height: 50px;
			}
			
			.iptInput {
				padding: 0 10px;
				height: 26px;
				line-height: 34px;
				border: 1px solid #c2cad8;
				vertical-align: middle;
				font-size: 12px;
				color: #000;
				width: 70px;
			}
			.markerBOX{
			position: relative;
		}
		.marker-number{
			position: absolute;
			text-align: center;
			width: 100%;
			left: 0;
			display: block;
			top: 0;
			font-size: 13px;
			color: white;
		}
		</style>
		<title>查看</title>
	</head>

	<body>
		<!--栏目列表-->
		<div class="left_menu">
			<div class="sub">
			</div>
		</div>
		<!--/栏目列表-->
		<div class="right_con">
			<div class="card">
				<div class="title"><span id="title">查看</span>
					<div class="cfr">
						<div class="tico full">
							<i class="iconfont icon-quanping"></i>
						</div>
					</div>
				</div>
				<div class="tipbox">
				</div>
				<div class="infoBox">
					<div class="boxs">
						<!--基本信息-->
						<div class="box">
							<div class="sub">
								<span>基本信息</span>
								<div class="r_toggle" toggle=".ifo1" toggletext="&#xe74a;,&#xe749;" open>&#xe74a;</div>
							</div>
							<div class="form ifo1 validform" ly-get="{{gateUrl}}/back/task/selectTaskByIdOnBack">
								<input id="id" type="hidden" ly-bind="id" />

								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务名称：</div>
									<div class="col-7">
										<input type="text" class="required radio ipt" name="taskName" id="taskName" ly-bind="taskName" placeholder="请输入任务名称" data-tip="请输入任务名称" data-valid="isNonEmpty||between:0-99" data-error="任务名称不能为空||任务名称长度必须在0-100之间">
									</div>
								</div>

								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务类型：</div>
									<div class="col-7">
										<div id="taskType" name="taskType" class="radio"></div>
									</div>
								</div>
								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务级别：</div>
									<div class="col-7">
										<div id="taskLevel" name="taskLevel" class="radio"></div>
									</div>
								</div>
								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务类别：</div>
									<div class="col-7">
										<div id="taskCategories" name="taskCategories" class="radio"></div>
									</div>
								</div>

								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务指定：</div>
									<div class="col-7">
										<div id="isSpecify" name="isSpecify" ly-bind="isSpecify" class="radio" placeholder="请选择任务指定" data-tip="请选择任务指定" data-valid="isNonEmpty" data-error="任务指定不能为空"></div>
									</div>
								</div>
								<div>
									<div class="row changeTeam" gutter="10">
										<div class="label"><em>*</em>选择部门：</div>
										<div class="col-7">
											<div id="teamId" name="teamId" ly-bind="teamId" class="radio" placeholder="请选择部门" data-tip="请选择部门" data-valid="isNonEmpty" data-error="部门不能为空"></div>
										</div>
									</div>
									<div class="row changeWork" gutter="10">
										<div class="label"><em>*</em>选择工种：</div>
										<div class="col-7">
											<div id="workerId" name="workerId" ly-bind="workerId" class="radio" placeholder="请选择工种" data-tip="请选择工种" data-valid="isNonEmpty" data-error="工种不能为空"></div>
										</div>
									</div>
									<!--<div class="row changeUserId" gutter="10">
										<div class="label"><em>*</em>选择负责人：</div>
										<div class="col-7">
											<div id="userId" name="userId" ly-bind="userId" class="radio" placeholder="请选择负责人" data-tip="请选择负责人" data-valid="isNonEmpty" data-error="负责人不能为空"></div>
										</div>
									</div>-->

								</div>

								<div class="row" gutter="10">
									<div class="label"><em>*</em>任务说明：</div>
									<div class="col-7">
										<textarea class="txa required radio" placeholder="请输入任务说明" ly-bind="taskStatement" id="taskStatement" name="taskStatement" data-tip="请输入任务说明" data-valid="isNonEmpty||between:0-99" data-error="任务说明不能为空||任务说明长度必须在0-1000之间"></textarea>
									</div>
								</div>

								<div class="row addDetailsList" gutter="10">
									<div class="label"><em>*</em>任务路线选择：</div>
									<div class="col-7">
										<select class="set" id="lineId">
										</select>
										<!--<a href="javascript:;" class="addbtn radio"  id="addDetailsList" >请选择任务路线</a>-->
									</div>
								</div>
						
								<div class="row taskLine" gutter="10">
									<div class="label"><em>*</em>任务路线选择：</div>
									<div class="col-7">
										<div class="change_drug">
											<table>
												<thead>
													<tr>
														<td>排序</td>
														<td>经度</td>
														<td>纬度</td>
														<td>任务操作</td>
														<td>任务说明</td>
													</tr>
												</thead>
												<tbody id="detailsList">

												</tbody>
											</table>
										</div>
									</div>
								</div>
								<div class="row taskLine" gutter="10">
										<div class="label"><em>*</em>任务路线图：</div>
										<div class="col-7">
												<div id="allmap" style="width: 700px; height:400px;"></div>
											
										</div>
									</div>
							</div>
						</div>
						<div class="btnBox">
							<div class="fr">
								<button class="btn red " id="save-btn-commodityClassification">保存</button>
								<button class="btn goback" onclick="window.history.back()">返回</button>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--/layer弹窗-->
			<div class="layerBox create_merchant hide">
				<div class="layerhead"> <span>选择任务路线</span>
					<div class="fr close-operate"> <i class="iconfont icon-close"></i> </div>
				</div>
				<div class="layerfoot">
					<div class="fr">
						<button class="btn red" id="submit-btn-audit">保存</button>
						<button class="btn goback">关闭</button>
					</div>
				</div>
				<div class="layermain pl10">
					<form id="formMerchant" class="form formMerchant pl10">
						<div>
							<div style="float: left;width: 64%;overflow: auto;">
								<div class="search-input">
									<div class="row">
										<span gutter="10">
	        			<div class="label">设备类型</div>
	        			<div class="col-2">
                     <select class="set" id="equipmentType" name="equipmentType" ly-type="select"></select>
                </div>
	        		</span>
										<span gutter="10">
	        			<div class="label">设备名称</div>
	        			<div class="col-2">
                    <input type="text" class="ipt" id="equipmentName">
                </div>
	        		</span>
										<span gutter="10">
	        			<div class="label"></div>
                    <div class="btnlist yellow">
                        <a href="javascript:void(0)" onclick="changeSelectTeamList()">查询</a>
                    </div>
              </span>
									</div>
								</div>
								<div class="change_drug">
									<table>
										<thead>
											<tr>
												<td>设备名称</td>
												<td>设备类型</td>
												<td>纬度</td>
												<td>经度</td>
												<td>详细地址</td>
												<td>操作</td>
											</tr>
										</thead>
										<tbody id="equipmentList">

										</tbody>

									</table>

								</div>

							</div>

							<div style="float: right;width: 35%;overflow: auto;">
								<div class="search-input" style="margin-top: 38px;">
									<span gutter="10">
	        			<div class="label">已选择</div>
	        			<div class="col-2">   
                </div>
	        	</span>
								</div>
								<div class="change_drug" style="border-left: 1px solid #CCCCCC;">
									<table>
										<thead>
											<tr>
												<td>排序</td>
												<td>经度</td>
												<td>纬度</td>
												<td>任务操作</td>
												<td>任务说明</td>
												<td>操作</td>
											</tr>
										</thead>
										<tbody id="changeThisList">

										</tbody>
									</table>
								</div>

							</div>
						</div>
					</form>
				</div>
			</div>
			<!--/layer弹窗-->

	</body>
	<script id="jquery_js" src="../../js/jquery-1.11.1.min.js"></script>
	<script id="config_js" src="../../js/config.js"></script>
	<script id="ly_main_js" src="../../js/ly_main.js"></script>
	<script src="../../js/jquery-validate.js"></script>
	<script src="../../js/webuploader/webuploader.min.js"></script>
	<script src="../../js/simpleuploader.js"></script>
	<script src="../../js/common.js"></script>
	
	<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=31d92b460bd11503e8766ad325476e00"></script> 


	<script src="../../js/layer/layer.js"></script>
	<script src="../../js/ourJs/task/task-creat.js"></script>

</html>